import { BasicColumn } from '@/components/Table';
import { h } from 'vue';
import { Divider, Tag, Tooltip } from 'ant-design-vue';
import { useI18n } from '@/hooks/web/useI18n';

const { t } = useI18n();

// const { getCurrencyList } = useCurrencyStore();

const setTooltip = (text) => {
  return h(
    Tooltip,
    {
      title: text,
    },
    () =>
      h(
        'div',
        {
          style: { whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' },
        },
        text,
      ),
  );
};

export const columns: BasicColumn[] = [
  {
    title: t('table.system.system_table_header_affiliated_group'), //所属集团
    dataIndex: 'company_name',
    width: 140,
    customRender: ({ record }) => {
      return setTooltip(record.company_name);
    },
  },
  {
    title: t('table.system.system_table_header_site_name'), //站点名称
    dataIndex: 'name',
    width: 140,
    customRender: ({ record }) => {
      return setTooltip(record.name);
    },
  },
  {
    title: t('business.common_site_number'), //站点编号
    dataIndex: 'code',
    width: 140,
    customRender: ({ record }) => {
      return setTooltip(record.code);
    },
  },
  {
    title: t('table.system.system_table_header_site_quota'), //站点模板
    dataIndex: 'credit',
    width: 140,
    customCell: () => ({
      class: 'text-red',
    }),
    customRender: ({ record }) => {
      return setTooltip(record.credit);
    },
  },
  {
    title: t('table.system.system_table_header_site_balance'), //站点余额(U)
    dataIndex: 'balance',
    width: 140,
    customCell: () => ({
      class: 'text-red',
    }),
    // customRender: ({ record }) => {
    //   return setTooltip(record.balance);
    // },
  },
  {
    title: t('table.system.system_table_header_site_deposit'), //站点押金
    dataIndex: 'bond',
    width: 140,
    // customRender: ({ record }) => {
    //   return setTooltip(record.bond);
    // },
  },
  {
    title: t('table.system.system_table_header_maximum_overdraft'), //最大透支额(U)
    dataIndex: 'overdraft',
    width: 140,
    // customRender: ({ record }) => {
    //   return setTooltip(record.quota_max);
    // },
  },
  {
    title: t('table.system.system_table_header_outstanding_statement'), //未结算账单(U)
    dataIndex: 'not_bill',
    width: 140,
    customRender: ({ record }) => {
      return setTooltip(record.not_bill);
    },
  },
  {
    title: t('table.system.system_table_header_overdraft_ratio'), //透支比例
    dataIndex: 'quota_scale',
    width: 140,
    customRender: ({ record }) => {
      return setTooltip(record.quota_scale);
    },
  },
  {
    title: t('table.system.system_table_header_site_status'), //站点状态
    dataIndex: 'state',
    width: 140,
    slots: { customRender: 'state' },
  },
  // {
  //   title: '操作',
  //   dataIndex: 'status',
  //   width: 150,
  //   slots: { customRender: 'action' },
  // },
  // {
  //   field: '',
  //   labelPrefix: '',
  //   labelBorder: false,
  //   component: 'InputGroup',
  //   slot: 'custom',
  //   colProps: { xxl: 4, xl: 5, lg: 5, md: 5, sm: 7 },
  // },
  // {
  //   title: '订单号',
  //   dataIndex: 'order_number',
  //   width: 140,
  //   customRender: ({ record }) => {
  //     return setTooltip(record.order_number);
  //   },
  // },
  // {
  //   title: '所属集团',
  //   dataIndex: 'site_group',
  //   width: 80,
  //   customRender: ({ record }) => {
  //     return setTooltip(record.site_group);
  //   },
  // },
  // {
  //   title: '站点名称',
  //   dataIndex: 'site_name',
  //   width: 80,
  //   customRender: ({ record }) => {
  //     return setTooltip(record.site_name);
  //   },
  // },
  // {
  //   title: '站点编号',
  //   dataIndex: 'site_id',
  //   width: 60,
  //   customRender: ({ record }) => {
  //     return setTooltip(record.site_id);
  //   },
  // },
  // {
  //   title: '站点代号',
  //   dataIndex: 'site_code',
  //   width: 80,
  //   customRender: ({ record }) => {
  //     return setTooltip(record.site_code);
  //   },
  // },
  // {
  //   title: '支付平台',
  //   dataIndex: 'pay_company_name',
  //   width: 100,
  //   customRender: ({ record }) => {
  //     return setTooltip(record.pay_company_name);
  //   },
  // },
  // {
  //   title: '存款币种',
  //   dataIndex: 'currency_name',
  //   width: 80,
  //   customRender: ({ record }) => {
  //     return setTooltip(record.currency_name);
  //   },
  // },
  // {
  //   title: '存款金额',
  //   dataIndex: 'pay_amount',
  //   width: 80,
  //   customRender: ({ record }) => {
  //     return setTooltip(record.pay_amount);
  //   },
  // },
  // {
  //   title: '优惠金额',
  //   dataIndex: 'discount_amount',
  //   width: 80,
  //   customRender: ({ record }) => {
  //     return setTooltip(record.discount_amount);
  //   },
  // },
  // {
  //   title: '上分总额',
  //   dataIndex: 'finally_amount',
  //   width: 80,
  //   customRender: ({ record }) => {
  //     return setTooltip(record.finally_amount);
  //   },
  // },
  // {
  //   title: t('business.common_status'),
  //   dataIndex: 'state',
  //   width: 90,
  //   customRender: ({ record }) => {
  //     const state = record.state;
  //     return h(Tag, { color: rechargeOrderColor[state] }, () => rechargeOrderStatus[state]);
  //   },
  // },
  // {
  //   title: `${t('business.common_submission_time')} / ${t('business.common_auditors_time')}`,
  //   dataIndex: 'created_at',
  //   width: 150,
  //   customRender: ({ record }) => {
  //     return h('div', null, [
  //       h('div', null, record.created_at ? toTimezone(record.created_at) : '-'),
  //       h(Divider),
  //       h('div', null, record.review_at ? toTimezone(record.review_at) : '-'),
  //     ]);
  //   },
  // },
];
